/*用车申请单明细页样式*/
/* 申请单基本信息块的样式 */
.r_box{ 
	width: 720rpx;
	/* height: 600rpx; //由于项目描述有可能多行，因此这里不设固定高度 */ 
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	background-color: #ffffff;  
	border-radius: 15rpx;
	margin-top: 20rpx;
	flex-shrink: 0; /*不可被压缩*/
}
.r_box_row1{ /*项目名称行，存在下边框虚线*/
	width: 700rpx;
	min-height: 100rpx;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #515151;
	font-size: 34rpx;
	line-height: 100rpx;
	text-align: left;
	font-family: MicrosoftYaHei;
	font-weight: 900;
	border-bottom: 2rpx #E1E1E1 dashed;
	margin-top: 10rpx;
}
.r_box_row2{ /* 普通的左右结构的行 */
	width: 700rpx;
	height: 60rpx;
	display: flex;
	justify-content: center;
	align-items: center;
}
.r_box_row2_L{ /* 左侧标题 */
	width: 150rpx;
	height: 60rpx;
	color: #808080;
	font-size: 30rpx;  
	text-align: left;
	font-family: MicrosoftYaHei;
	line-height: 60rpx;
	font-weight: 900;
}
.r_box_row2_R{ /* 右侧文字 */
	width: 550rpx;
	height: 60rpx;
	color: #515151;
	font-size: 30rpx;  
	text-align: left;
	font-family: MicrosoftYaHei;
	line-height: 60rpx;
}
.r_box_row2_textarea{ /* 右侧有折行的左右结构的行 */
	width: 700rpx;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.r_box_row2_R_textarea{ /* 有折行的右侧文字区 */
	width: 550rpx;
	min-height: 60rpx;
	color: #515151;
	font-size: 30rpx;  
	text-align: left;
	font-family: MicrosoftYaHei;
	line-height: 60rpx;
	/* flex-shrink: 0; *//*不可被压缩*/
}

/* 申请单用车信息块的样式 */
.r_car_info{
	width: 730rpx;
	height: 220rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0; /*不可被压缩*/
	margin-top: 15rpx;
}
.r_car_info_img{ /*图片样式300*200*/
	width: 330rpx;
	height: 200rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10rpx;
}
.r_car_info_right{
	width: 400rpx;
	height: 200rpx;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.r_car_info_right_line{
	width: 400rpx;
	height: 50rpx;
	font-size: 30rpx;
	font-family: MicrosoftYaHei;
	text-align: left;
	color: #808080;
	line-height: 50rpx;
}

/*下面是任务动态轨迹块相关样式*/
.line_process{ /*有左边框*/
	width: 650rpx;
	/*动态高度，因此不设高度*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	/* border-left: 8rpx #E1E1E1 solid; */ /*这个边框作为进度条（由于最后一个进度块不加边框，因此需要在页面中进行控制）*/
}
.p_handler_box{ /*过程操作按钮容器*/
	position: absolute;
	top: -5rpx;
	right: -10rpx;
	width: 400rpx;
	height: 60rpx;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.p_handler_btn{ /*过程操作按钮*/
	height: 50rpx;
	border-radius: 10rpx;
	font-size: 26rpx;  
	text-align: center;
	font-family: MicrosoftYaHei;
	color: #ffffff;
	line-height: 50rpx;
	margin-right: 10rpx;
}
.btn1{ /*催审按钮*/
	width: 90rpx;
	background-color: #F05B72;
}
.btn2{ /*延时取钥匙按钮*/
  width: 180rpx;
	background-color: #2A5CAA;
}
.btn3{ /*终止流程（原撤回）按钮*/
	width: 150rpx;
	background-color: #009AD6;
}
.item_circle{
	position: absolute;
	top: 5rpx;
	left: -20rpx;
	width: 35rpx;
	height: 35rpx;
	/* background-color: #B1B8BE; */
	/* background-color: #00BFFF; */
	background-color: #FFFFFF;
	border-radius: 17rpx;
	border: 3rpx #000080 solid;
	/* margin-top: 3rpx; */ 
}
.process_r1{ /*过程标题行*/
	width: 610rpx;
	height: 55rpx;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	color: #808080; /*执行：#0662DD   整改：#D93838   检查：#FFB900   整改结果：#10BF91*/
	font-size: 32rpx;  
	text-align: left;
	font-family: MicrosoftYaHei;
	line-height: 55rpx; /*有左上角的效果*/
	font-weight: 900;
}
.process_r2{
	width: 610rpx;
	height: 60rpx;
	color: #808080;
	font-size: 30rpx;  
	text-align: left;
	font-family: MicrosoftYaHei;
	line-height: 60rpx;
	font-weight: 600;
}
.process_r3{ /*留言行*/
	width: 610rpx;
	min-height: 60rpx;
	color: #808080;
	font-size: 30rpx;  
	text-align: left;
	font-family: MicrosoftYaHei;
	line-height: 45rpx;
}
.process_r_img{ /* 过程框中的图片行 */
	width: 610rpx;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.img_box_small{
	width: 170rpx;
	height: 170rpx;
	margin-right: 20rpx;
	margin-top: 20rpx;
	margin-bottom: 10rpx;
	border-radius: 15rpx;
}
.img_small{
	width: 170rpx;
	height: 170rpx;
	border-radius: 15rpx;
}
/*按钮行*/
.r_btn{
	width: 600rpx;
	height:100rpx; 
	
	background-color: #1485ff;
	color: #fff;
	border-radius: 174rpx;
	font-size: 34rpx;
	line-height: 100rpx;
	text-align: center;
	font-family: MicrosoftYaHei;
	font-weight: 900;
}